
<div>
    <div style="float:left;">
        <form data-dojo-type="dijit.form.Form" id="supplyForm1">
        <div style="display:none">
            <input name="ID" data-dojo-attach-point="supplyId" readonly="true" data-dojo-type="dijit.form.TextBox" />
            <input name="factor" data-dojo-attach-point="factor"  readonly="true" data-dojo-type="dijit.form.TextBox" />
        </div>
        <div class="row">
            <label>Ref #</label><input name="Ref" style="width:250px" data-dojo-type="dijit.form.TextBox" />
        </div>
        <div class="row">
            <label>Name</label><input name="Name" style="width:250px" data-dojo-type="dijit.form.TextBox" />
        </div>
        <div class="row">
            <label style="vertical-align: top">Comments</label><textarea rows="4" name="Comments" style="width:250px" data-dojo-type="dijit.form.SimpleTextarea" ></textarea>
        </div>
        <div class="row">
            <label>Supplier</label><input name="Supplier" style="width:250px" data-dojo-type="dijit.form.TextBox" />
        </div>
        <div class="row">
            <label>Price</label><input name="Price" style="width:250px" data-dojo-type="dijit.form.TextBox" />
        </div>
        <div class="row">
            <label>Unit</label><input name="Unit" style="width:250px" data-dojo-type="dijit.form.TextBox" />
        </div>
        <div class="row">
            <label>Weight</label><input name="Weight" style="width:250px" data-dojo-type="dijit.form.TextBox" />
        </div>
        
        <div class="row">
            &nbsp;
        </div>
        
        <div class="row">
            <div>RANGKING</div>
            <div style="width:420px"><hr/></div>
        </div>
        <div class="row">
            <label>Type</label>
            <select name="SuppylyTypeId" data-dojo-attach-point="supplyTypeSelect" data-dojo-type="dijit.form.Select" style="width:250px">
            </select>
        </div>
        </form>
        <div class="row">
            &nbsp;
        </div>
        
        <div class="row">
            <div>FACTORS</div>
            <div style="width:420px"><hr/></div>
        </div>
        <form data-dojo-type="dijit.form.Form" id="supplyForm2">
            <div data-dojo-attach-point="factorsForm">

            </div>
        </form>
        
    </div>
    <div style="float:left">
        <div class="row" >
            <input type="button" data-dojo-attach-point="saveButton" data-dojo-type="dijit.form.Button" value="Save" label="Save" />
            <input type="button" data-dojo-attach-point="backButton"  data-dojo-type="dijit.form.Button" value="Back" label="Back" />
        </div>
        <div class="row">
            <div>Last modified: <span data-dojo-attach-point="updatedTime"></span></div>
        </div>
        <div class="row">
            <div>Created: <span data-dojo-attach-point="createdTime"></span></div>
        </div>
        <div class="row">
            <div style="border: 1px solid #eeeeee;background-color:#eeeeee;width:189px ;height:163px;">
                <img data-dojo-attach-point="photo" width="189" height="163" />
            </div>
        </div>
        <div class="row">
            <input type="button" data-dojo-attach-point="uploadButton" data-dojo-type="dijit.form.Button" value="Upload Picture" label="Upload Picture" />
        </div>
    </div>
    <div style="clear: both"></div>
    <div style="width:300px" data-dojo-attach-point="uploadDialog" data-dojo-type="dijit.Dialog" title="Upload Picture">
        <form id="supplyForm3" data-dojo-type="dijit.form.Form" action="supply/fileupload" method="post" enctype="multipart/form-data">
            <input data-dojo-attach-point="uploadSupplyId" data-dojo-type="dijit.form.TextBox" name="sid" style="display: none"/>
            <input data-dojo-type="dojox.form.FileInput" name="file" />
            <br/>
            <div style="text-align: center"><input data-dojo-attach-point="doUploadButton" data-dojo-type="dijit.form.Button" label="Upload" /></div>
        </form>
    </div>
</div>
